{% extends 'base.html' %}

{% block Navigation %}

            
            
  
<div class="carousel slide" id="carousel-176804" style="background-color: brown;width:80%;margin:  55px;">
    <ol class="carousel-indicators">
        <li class="active" data-slide-to="0" data-target="#carousel-176804">
        </li>
        <li data-slide-to="1" data-target="#carousel-176804">
        </li>
        <li data-slide-to="2" data-target="#carousel-176804">
        </li>
        <li data-slide-to="3" data-target="#carousel-176804">
        </li>
        <li data-slide-to="4" data-target="#carousel-176804">
        </li>
        <li data-slide-to="5" data-target="#carousel-176804">
        </li>
        <li data-slide-to="6" data-target="#carousel-176804">
        </li>
    </ol>
    <div class="carousel-inner" >
        <div class="item active">
            <img alt="" src="static\img\zy1.gif " />
         
        </div>
        <div class="item ">
            <img alt="" src="static\img\PYTHON3.jpg " />
         
        </div>
        <div class="item">
            <img alt="" src="static\img\SCRATCH3.jpg" />
            
        </div>
        <div class="item">
            <img alt="" src="static\img\JM.jpg" />
            
        </div>
        <div class="item">
            <img alt="" src="static\img\DD.jpg" />
            
        </div>
        <div class="item">
            <img alt="" src="static\img\all.jpg" />
          
        </div>
        <div class="item ">
            <img alt="" src="static\img\zy2.gif " />
         
        </div>
    </div> <a class="left carousel-control" href="#carousel-176804" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-176804" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>

<div class="container" style="margin: 20px 180px;">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="row">
				<div class="col-md-4">
					<div class="thumbnail" >
						<img alt="300x200" src="static\img\AA1.PNG" />
						
					</div>
				</div>
				<div class="col-md-4">
					<div class="thumbnail">
						<img alt="300x200" src="static\img\B.gif" />
						
					</div>
				</div>
				<div class="col-md-4">
					<div class="thumbnail">
						<img alt="300x200" src="static\img\C.gif" />
						
					</div>
				</div>

                
			</div>
		</div>
	</div>
</div>

  
{% endblock Navigation %}